<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/list.min.css">
</head>

<body>
    <div class="wrap">
        <div class="main">
            <!-- 头部 -->
            <div class="top">
                <div class="border-top"></div>
                <div class="header">
                    <!-- logo -->
                    <div class="logo">
                        <img src="./image/common/logo.png" alt="图片加载中" />
                    </div>
                    <!-- 导航栏 -->
                    <div class="nav">
                        <ul>
                            <li class="active" data-index=0 onclick="change(this,'.nav ul>li','active')"><a
                                    href="##">首页</a></li>
                            <li data-index=1 onclick="change(this,'.nav ul>li','active')"><a href="##">关于鼎搜</a></li>
                            <li data-index=2 onclick="change(this,'.nav ul>li','active')"><a href="##">鼎搜服务</a></li>
                            <li data-index=3 onclick="change(this,'.nav ul>li','active')"><a href="##">鼎搜动态</a></li>
                            <li data-index=4 onclick="change(this,'.nav ul>li','active')"><a href="##">鼎搜诚聘</a></li>
                            <li data-index=5 onclick="change(this,'.nav ul>li','active')"><a href="##">鼎搜公益</a></li>
                        </ul>
                    </div>
                    <!-- 搜索框 -->
                    <div class="search">
                        <input type="text">
                        <i class="icon-search"></i>
                    </div>
                </div>
                <!-- 轮播图 -->
                <div class="swiper">
                    <img class="slide active" src="./image/common/slides-bg.png" alt="" />
                    <img class="slide" src="./image/common/slides-bg.png" alt="" />
                    <img class="slide" src="./image/common/slides-bg.png" alt="" />
                    <!-- 底部圆点 -->
                    <div class="dot">
                        <i class="point active" data-index=0></i>
                        <i class="point" data-index=1></i>
                        <i class="point" data-index=2></i>
                    </div>
                </div>
            </div>

            <div class="middle">
                <!-- 面包屑 -->
                <div class="bread">
                    <span class="current">当前位置</span><span>:</span><span>首页</span> &gt; <span>我要投资</span>
                    &gt;
                    <span>投资列表</span>
                    <div class="trapezoid"></div>
                </div>
                <div class="category">
                    <div class="category-item">
                        <div class="icon type"></div>
                        <div class="type-item">
                            <span>按类型</span>
                            <i>&nbsp;:&nbsp;</i>
                            <ul>
                                <li class="active" data-index="0" onclick="change(this,'.type-item ul>li','active')">全部
                                </li>
                                <li onclick="change(this,'.type-item ul>li','active')" data-index=1>股权转让</li>
                                <li onclick="change(this,'.type-item ul>li','active')" data-index=2>实物资产</li>
                                <li onclick="change(this,'.type-item ul>li','active')" data-index=3>债权转让</li>
                                <li onclick="change(this,'.type-item ul>li','active')" data-index=4>工美藏品</li>
                                <li onclick="change(this,'.type-item ul>li','active')" data-index=5>知识产权</li>
                                <li onclick="change(this,'.type-item ul>li','active')" data-index=6>经营产权</li>
                                <li onclick="change(this,'.type-item ul>li','active')" data-index=7>房产</li>
                                <li onclick="change(this,'.type-item ul>li','active')" data-index=8>矿权</li>
                                <li onclick="change(this,'.type-item ul>li','active')" data-index=9>林权</li>
                                <li onclick="change(this,'.type-item ul>li','active')" data-index=10>融资</li>
                                <li onclick="change(this,'.type-item ul>li','active')" data-index=11>更多 </li>
                            </ul>
                        </div>
                    </div>
                    <div class="category-item">
                        <div class="icon trade"></div>
                        <div class="trade-item">
                            <span>按行业</span>
                            <i>&nbsp;:&nbsp;</i>
                            <ul>
                                <li onclick="change(this,'.trade-item ul>li','active')" data-index=0 class="active">全部
                                </li>
                                <li onclick="change(this,'.trade-item ul>li','active')" data-index=1>房地产业</li>
                                <li onclick="change(this,'.trade-item ul>li','active')" data-index=2>电子通讯</li>
                                <li onclick="change(this,'.trade-item ul>li','active')" data-index=3>电力工业</li>
                                <li onclick="change(this,'.trade-item ul>li','active')" data-index=4>煤炭工业</li>
                                <li onclick="change(this,'.trade-item ul>li','active')" data-index=5>冶金矿产</li>
                                <li onclick="change(this,'.trade-item ul>li','active')" data-index=6>机械制造</li>
                                <li onclick="change(this,'.trade-item ul>li','active')" data-index=7>基础设施</li>
                                <li onclick="change(this,'.trade-item ul>li','active')" data-index=8>建筑建材</li>
                                <li onclick="change(this,'.trade-item ul>li','active')" data-index=9>物流仓储</li>
                                <li onclick="change(this,'.trade-item ul>li','active')" data-index=10>更多</li>
                            </ul>
                        </div>
                    </div>
                    <div class="category-item">
                        <div class="icon city"></div>
                        <div class="city-item">
                            <span>按地区</span>
                            <i>&nbsp;:&nbsp;</i>
                            <ul>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="0" class="active">全部
                                </li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="1">北京</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="2">天津</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="3">上海</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="4">重庆</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="5">河北</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="6">山西</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="7">浙江</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="8">辽宁</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="9">吉林</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index=10">湖北</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="11">江苏</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="12">安徽</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="13">福建</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="14">江西</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="15">台湾</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="16">香港</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="17">澳门</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="18">广东</li>
                                <li onclick="change(this,'.city-item ul>li','active')" data-index="19">更多</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 表格 -->
                <div class="table">
                    <div class="fx">
                        <div class="item">
                            <div class="rectangle"></div>
                            <div class="triangle"></div>
                        </div>
                        <div class="item">
                            <div class="triangle slef"></div>
                            <div class="rectangle"></div>
                        </div>
                    </div>
                    <table width="100%">
                        <tr>
                            <th width="35%">项目名称</th>
                            <th width="10%">所在地区</th>
                            <th width="10%">行业</th>
                            <th width="10%">类型</th>
                            <th width="35%">发布时间</th>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>
                        <tr>
                            <td>[广州天河龙洞] 可圈可点茶餐厅</td>
                            <td>广东</td>
                            <td>餐饮餐馆</td>
                            <td>股权转让</td>
                            <td>2015-06-09</td>
                        </tr>

                    </table>
                </div>

                <!-- 分页 -->
                <div class="page">
                    <ul>
                        <li onclick="change(this,'.page ul>li','active')" data-index=0 class="prev">上一页</li>
                        <li onclick="change(this,'.page ul>li','active')" data-index=1 class="active">1</li>
                        <li onclick="change(this,'.page ul>li','active')" data-index=2>2</li>
                        <li onclick="change(this,'.page ul>li','active')" data-index=3>3</li>
                        <li onclick="change(this,'.page ul>li','active')" data-index=4>4</li>
                        <li onclick="change(this,'.page ul>li','active')" data-index=5>5</li>
                        <li onclick="change(this,'.page ul>li','active')" data-index=6 class="next">下一页</li>
                    </ul>
                </div>
            </div>

            <!-- 页脚 -->
            <footer>
                <!-- 装饰线 -->
                <hr />
                <!-- 列表 -->
                <div class="footer">
                    <ul>
                        <li>简介</li>
                        <li><a href="javascript;">鼎搜网简介</a></li>
                        <li><a href="javascript;">鼎搜服务</a></li>
                        <li><a href="javascript;">会员身份认证</a></li>
                    </ul>
                    <ul>
                        <li>帮助</li>
                        <li><a href="javascript;">用户注册</a></li>
                        <li><a href="javascript;">关于鼎搜</a></li>
                        <li><a href="javascript;">在线咨询</a></li>
                    </ul>
                    <ul>
                        <li>共赢</li>
                        <li><a href="javascript;">网站合作</a></li>
                        <li><a href="javascript;">用户协议</a></li>
                        <li><a href="javascript;">会员身份认证</a></li>
                    </ul>
                    <ul>
                        <li>导航</li>
                        <li><a href="javascript;">地图首页</a></li>
                        <li><a href="javascript;">职能分类</a></li>
                        <li><a href="javascript;">企业名录</a></li>
                    </ul>
                    <div class="connect">
                        <img src="./image/common/connect.png" alt="" />
                    </div>
                </div>

                <!-- 底部蓝色 -->
                <div class="border-bottom">
                    Copyright &copy;2015 鼎搜网(www.dinsoo.com) 版权所有
                </div>
            </footer>
        </div>
    </div>
</body>
<script src="./js/index.js" rel="script"></script>

</html>